<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table{
            /* collapse 合并边框 */
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <!-- 
        table是桌子，表格的意思，表格中放行。
            tr: table row  row是行的意思  一个tr就是一行
            td: table data  data是数据的意思   单元格

        table的属性：
            border="1"  整体表格有边框，每一个小的单元格也有边框
            width="500px"  是html标签的属性，在真实开发中，使用css来设置宽度

        th:
            table header  头  th通常用来表示表格中的第一行
     -->
    <table border="1" width="500px" height="220px" align="center">
        <tr align="center">
            <th>排名</th>
            <th>股票名称</th>
            <th>股票代码</th>
            <th>股票价格</th>
            <th>股票涨跌</th>
        </tr>
        <tr align="center">
            <td>1</td>
            <td>贵州茅台</td>
            <td>600519</td>
            <td>1800</td>
            <td>5%</td>
        </tr>
        <tr align="center">
            <td>2</td>
            <td>腾讯控股</td>
            <td>00700</td>
            <td>400</td>
            <td>3%</td>
        </tr>
        <tr align="center">
            <td>3</td>
            <td>五粮液</td>
            <td>00858</td>
            <td>160</td>
            <td>8%</td>
        </tr>
        <tr align="center">
            <td>4</td>
            <td>东方财富</td>
            <td>30059</td>
            <td>25</td>
            <td>4%</td>
        </tr>
    </table>
</body>
</html>